/**
 * 
 */

var viewShower = function(){
	var obj = {};
	///刷新整个列表
	obj.refreshView = function(view , data){
		view.empty();
		$("<tr></tr>").append($("<th></th>").text("ID"))
		.append($("<th></th>").text("姓名"))
		.append($("<th></th>").text("性别"))
		.append($("<th></th>").text("工资"))
		.append($("<th></th>").text("生日"))
		.append($("<th></th>").text("操作"))
		.append($("<th></th>").text("操作"))
		.appendTo(view);
		data.forEach((item,index)=>{
			var tr = $("<tr></tr>").prop("id",item.id).append($("<td></td>").text(item.id))
			.append($("<td></td>").text(item.name))
			.append($("<td></td>").text(item.sex))
			.append($("<td></td>").text(item.sal))
			.append($("<td></td>").text(FormatDate(item.birth)))
			.append($("<td></td>").append($("<button></button>").text("更新").attr("data-toggle","modal").attr("data-target", "#myModal")
			.click(function(){
				////弹出提示框，并set 值进去
				var updateForm = $("#update_form");
				updateForm.children("[name=id]").prop("value", item.id);
				updateForm.children("[name=name]").prop("value", item.name);
				if(item.sex == true){
					updateForm.children("[id=woman]").removeAttr("checked");
					updateForm.children("[id=man]").prop("checked", "checked");
				}else{
					updateForm.children("[id=man]").removeAttr("checked");
					updateForm.children("[id=woman]").prop("checked", "checked");
				}
				updateForm.children("[name=sal]").prop("value", item.sal);
				updateForm.children("[name=birth]").prop("value", FormatDate(item.birth));
				
				$("#btnUpdate").click(function(){
					
					$("#myModal").modal('hide');
					var user = formOpt.formToObject("#update_form");
					customerHandler.updateCustomer(user,function(res){
						 viewShower.updateItem($("#customer_table") ,res);
						});
					});
				
			})
			))
			.append($("<td></td>").append($("<button></button>").text("删除").click(function(){
				var cid = item.id;
				customerHandler.deleteCustomer("cid="+ cid,function(res){
					viewShower.refreshView($("#customer_table") ,res);
				});
			})));
			view.append(tr);
		});
	}
	////删除某个元素
	obj.deleteItem=function(view, itemId){
		view.children("[id="+itemId+"]").remove();
	}
	////刷新某个元素
	obj.updateItem=function(view, item){
		view.children("[id="+item.id+"]").remove();
		obj.addItem(view, item);
	}
	
	
	///添加某个元素
	obj.addItem = function(view, item){
		var tr = $("<tr></tr>").prop("id",item.id).append($("<td></td>").text(item.id))
		.append($("<td></td>").text(item.name))
		.append($("<td></td>").text(item.sex))
		.append($("<td></td>").text(item.sal))
		.append($("<td></td>").text(FormatDate(item.birth)))
		.append($("<td></td>").append($("<button></button>").text("更新").attr("data-toggle","modal").attr("data-target", "#myModal")
		.click(function(){
			////弹出提示框，并set 值进去
			var updateForm = $("#update_form");
			updateForm.children("[name=id]").prop("value", item.id);
			updateForm.children("[name=name]").prop("value", item.name);
			if(item.sex == true){
				updateForm.children("[id=woman]").removeAttr("checked");
				updateForm.children("[id=man]").prop("checked", "checked");
			}else{
				updateForm.children("[id=man]").removeAttr("checked");
				updateForm.children("[id=woman]").prop("checked", "checked");
			}
			updateForm.children("[name=sal]").prop("value", item.sal);
			updateForm.children("[name=birth]").prop("value", FormatDate(item.birth));
			
			$("#btnUpdate").click(function(){
				
				$("#myModal").modal('hide');
				var user = formOpt.formToObject("#update_form");
				customerHandler.updateCustomer(user,function(res){
					 viewShower.updateItem($("#customer_table") ,res);
					});
				});
			})
		))
		.append($("<td></td>").append($("<button></button>").text("删除").click(function(){
			var cid = item.id;
			customerHandler.deleteCustomer("cid="+ cid,function(res){
				viewShower.deleteItem($("#customer_table") ,res.id);
			});
		})));
		view.append(tr);
	}
	
	return obj;
}();